<script setup>
import { defineProps } from 'vue';
defineProps(['mediaData']);
</script>
<template>
    <div class="imgbox">
        <video style="width: 100%;height: 100%;object-fit: contain;" :src="mediaData.fileUrl"
            alt="mediaData.description" controls />
    </div>
</template>
<style scoped>
.imgbox {
    width: 320px;
    height: 200px;
    border: 3px solid transparent;
    /* 添加透明边框以便于显示 hover 效果 */
    transition: border 0.3s;

}
</style>